@{
    ViewBag.Title = "学吧导航";
    ViewBag.keywords = "学吧导航,学霸导航,免费学习网站,学习网站大全,学习上网导航";
    ViewBag.description = "学吧导航，超过四十万学习爱好者都在用的专业学习网址大全导航，汇集了国内外优质的学习网站和平台。网站囊括了综合平台、外语学习、编程算法、电脑办公、百科知识、设计剪辑、音乐艺术、文史哲理、医学政经、演讲座谈、数理化生等10余项分类，收录了上百个个优质的国内外学习网站。无论你是在校学生，还是上班人群，亦或是单纯的学习爱好者，无需再苦恼于四处寻找学习网站。";
}
@section Styles{
<style>
.layui-menu,.layui-menu-item a{background-color:#feffff;color:#333;font-size:16px;}.layui-menu-item{color:#fff;display:flex;align-items:center;padding:10px 10px;background-color:#feffff;}.layui-col-md11 img{width:52px;}.layui-col-md3{padding:10px 0;height:160px;line-height:160px;}.veamenu{position:fixed;z-index:55;height:240px;}
</style>
}
<div class="layui-row">
    <div class="layui-col-md1">
        <div>
            <div> &nbsp; </div>
            <ul class="layui-menu veamenu">
                <li class="layui-menu-item">
                    <a href="#term-2" class="smooth">
                        <i class="fas fa-crown icon-fw icon-lg mr-2"></i>
                        <span>综合平台</span>
                    </a>
                </li>
                <li class="layui-menu-item">
                    <a href="#term-4" class="smooth">
                        <i class="fas fa-code icon-fw icon-lg mr-2"></i>
                        <span>编程算法</span>
                    </a>
                </li>
                <li class="layui-menu-item">
                    <a href="#term-3" class="smooth">
                        <i class="fas fa-language icon-fw icon-lg mr-2"></i>
                        <span>外语学习</span>
                    </a>
                </li>
                <li class="layui-menu-item">
                    <a href="#term-6" class="smooth">
                        <i class="fas fa-book-reader icon-fw icon-lg mr-2"></i>
                        <span>百科知识</span>
                    </a>
                </li>
                <li class="layui-menu-item">
                    <a href="#term-5" class="smooth">
                        <i class="fas fa-desktop icon-fw icon-lg mr-2"></i>
                        <span>电脑办公</span>
                    </a>
                </li>
                <li class="layui-menu-item">
                    <a href="#term-8" class="smooth">
                        <i class="fab fa-artstation icon-fw icon-lg mr-2"></i>
                        <span>音乐艺术</span>
                    </a>
                </li>
                <li class="layui-menu-item">
                    <a href="#term-11" class="smooth">
                        <i class="fas fa-microphone-alt icon-fw icon-lg mr-2"></i>
                        <span>演讲座谈</span>
                    </a>
                </li>
                <li class="layui-menu-item">
                    <a href="#term-7" class="smooth">
                        <i class="fas fa-magic icon-fw icon-lg mr-2"></i>
                        <span>设计剪辑</span>
                    </a>
                </li>
                <li class="layui-menu-item">
                    <a href="#term-10" class="smooth">
                        <i class="fas fa-balance-scale icon-fw icon-lg mr-2"></i>
                        <span>医学政经</span>
                    </a>
                </li>
                <li class="layui-menu-item">
                    <a href="#term-9" class="smooth">
                        <i class="fas fa-tree icon-fw icon-lg mr-2"></i>
                        <span>文史哲理</span>
                    </a>
                </li>
                <li class="layui-menu-item">
                    <a href="#term-46" class="smooth">
                        <i class="fas fa-book icon-fw icon-lg mr-2"></i>
                        <span>电子书籍</span>
                    </a>
                </li>
                <li class="layui-menu-item">
                    <a href="#term-12" class="smooth">
                        <i class="fas fa-infinity icon-fw icon-lg mr-2"></i>
                        <span>数理化生</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="layui-col-md11">
        <div class="layui-row">
            <h1 class="text-gray text-lg mb-4">
                <i class="site-tag fas fa-crown icon-lg mr-1" id="term-2"></i>
                综合平台
            </h1>
            <div class="flex-fill"></div>
        </div>
        <div class="layui-row">
            <div class="layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.bilibili.com/v/knowledge" data-original-title="我真的是在B站学习的">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/bilibili.png" alt="哔哩哔哩学习区">
                            </div>
                            <div>
                                <div>
                                    <strong>哔哩哔哩学习区</strong>
                                </div>
                                <p>我真的是在B站学习的</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.icourse163.org/">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/icourse163.png" alt="中国大学MOOC">
                            </div>
                            <div>
                                <div>
                                    <strong>中国大学MOOC</strong>
                                </div>
                                <p>免费学习来自名校名师的精品课程</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.xuetangx.com/" data-original-title="国家精品在线课程学习平台">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/xuetangx.png" alt="学堂在线">
                            </div>
                            <div>
                                <div>
                                    <strong>学堂在线</strong>
                                </div>
                                <p>国家精品在线课程学习平台</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" data-id="16" href="http://erya.mooc.chaoxing.com" data-original-title="免费的精品在线大学通识课程">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/erya-mooc.png" alt="超星尔雅">
                            </div>
                            <div>
                                <div>
                                    <strong>超星尔雅</strong>
                                </div>
                                <p>免费的精品在线大学通识课程</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://open.163.com" data-original-title="汇集国内外名校公开课">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/open163.png" alt="网易公开课">
                            </div>
                            <div>
                                <div>
                                    <strong>网易公开课</strong>
                                </div>
                                <p>汇集国内外名校公开课</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.udemy.com" data-original-title="时间自由，学您想学">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/02/udemy.png" alt="Udemy">
                            </div>
                            <div>
                                <div>
                                    <strong>Udemy</strong>
                                </div>
                                <p>时间自由，学您想学</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.coursera.org" data-original-title="来自全球一流大学和公司的在线课程、证书与学位">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/Coursera.png" alt="Coursera">
                            </div>
                            <div>
                                <div>
                                    <strong>Coursera</strong>
                                </div>
                                <p>来自全球一流大学和公司的在线课程、证书与学位</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.mooc.cn" data-original-title="收录来自全世界最好大学的1696门在线课程">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/mooc-cn.png" alt="MOOC中国">
                            </div>
                            <div>
                                <div>
                                    <strong>MOOC中国</strong>
                                </div>
                                <p>收录来自全世界最好大学的1696门在线课程</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://zh.khanacademy.org" data-original-title="免费在线课程，讲解以及练习">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/khan-academy.png" alt="可汗学院">
                            </div>
                            <div>
                                <div>
                                    <strong>可汗学院</strong>
                                </div>
                                <p>免费在线课程，讲解以及练习</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://study.163.com" data-original-title="专注职业技能提升的在线学习平台">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/study163.png" alt="网易云课堂">
                            </div>
                            <div>
                                <div>
                                    <strong>网易云课堂</strong>
                                </div>
                                <p>专注职业技能提升的在线学习平台</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://ke.qq.com" data-original-title="腾讯推出的专业在线教育平台">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/qqke.png" alt="腾讯课堂">
                            </div>
                            <div>
                                <div>
                                    <strong>腾讯课堂</strong>
                                </div>
                                <p>腾讯推出的专业在线教育平台</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.edx.org/edxchina" data-original-title="由哈佛大学和麻省理工学院共同创立的非营利网络教育项目">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/edx.png" alt="edX">
                            </div>
                            <div>
                                <div>
                                    <strong>edX</strong>
                                </div>
                                <p>由哈佛大学和麻省理工学院共同创立的非营利网络教育项目</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <div class="layui-row">
            <h1 class="text-gray text-lg mb-4">
                <i class="site-tag fas fa-code icon-lg mr-1" id="term-4"></i>
                编程算法
            </h1>
            <div class="flex-fill"></div>
        </div>
        <div class="layui-row">
            <div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://github.com" data-original-title="面向开源及私有软件项目的托管平台">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/github.png" alt="Github">
                            </div>
                            <div>
                                <div>
                                    <strong>Github</strong>
                                </div>
                                <p>面向开源及私有软件项目的托管平台</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.programschool.com" data-original-title="在线交互式编程学习平台">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/program-sch.png" alt="编程学院">
                            </div>
                            <div>
                                <div>
                                    <strong>编程学院</strong>
                                </div>
                                <p>在线交互式编程学习平台</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://docs.microsoft.com/zh-cn/learn" data-original-title="微软官方出品教学视频及文档">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/microsoft.png" alt="微软学院">
                            </div>
                            <div>
                                <div>
                                    <strong>微软学院</strong>
                                </div>
                                <p>微软官方出品教学视频及文档</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.imooc.com" data-original-title="程序员的梦工厂">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/imooc.png" alt="慕课网">
                            </div>
                            <div>
                                <div>
                                    <strong>慕课网</strong>
                                </div>
                                <p>程序员的梦工厂</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.cxyxiaowu.com" data-original-title="图解力扣算法，看动画，刷力扣，备面试，跳槽涨薪美滋滋">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/02/suanfa.png" alt="五分钟学算法">
                            </div>
                            <div>
                                <div>
                                    <strong>五分钟学算法</strong>
                                </div>
                                <p>图解力扣算法，看动画，刷力扣，备面试，跳槽涨薪美滋滋</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.shiyanlou.com" data-original-title="在线做实验，高效学编程">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/shiyanlou.png" alt="实验楼">
                            </div>
                            <div>
                                <div>
                                    <strong>实验楼</strong>
                                </div>
                                <p>在线做实验，高效学编程</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.freecodecamp.org" data-original-title="完全免费的开源编程教育社区">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/freecodecamp.png" alt="freeCodeCamp">
                            </div>
                            <div>
                                <div>
                                    <strong>freeCodeCamp</strong>
                                </div>
                                <p>完全免费的开源编程教育社区</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.nowcoder.com" data-original-title="互联网求职神器和备考学习平台">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/niuke.png" alt="牛客网">
                            </div>
                            <div>
                                <div>
                                    <strong>牛客网</strong>
                                </div>
                                <p>互联网求职神器和备考学习平台</p>
                            </div>
                        </div>
                    </a>
                    <a target="_blank" data-toggle="tooltip" data-placement="right" data-original-title="直达"><i class="iconfont icon-goto"></i></a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.datacamp.com" data-original-title="在线学习R，Python和数据科学">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/datacamp.png" alt="DataCamp">
                            </div>
                            <div>
                                <div>
                                    <strong>DataCamp</strong>
                                </div>
                                <p>在线学习R，Python和数据科学</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://leetcode.com" data-original-title="全球极客挚爱的技术成长平台">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/leetcode.png" alt="LeetCode">
                            </div>
                            <div>
                                <div>
                                    <strong>LeetCode</strong>
                                </div>
                                <p>全球极客挚爱的技术成长平台</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.pluralsight.com" data-original-title="专业IT技能学习平台">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/02/pluralsight-icon.png" alt="Pluralsight">
                            </div>
                            <div>
                                <div>
                                    <strong>Pluralsight</strong>
                                </div>
                                <p>专业IT技能学习平台</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://developer.mozilla.org/zh-CN/docs/learn" data-original-title="为Web开发者提供一切开始编写简单网站所需的知识。">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/mdn.png" alt="MDN学习区">
                            </div>
                            <div>
                                <div>
                                    <strong>MDN学习区</strong>
                                </div>
                                <p>为Web开发者提供一切开始编写简单网站所需的知识。</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.lintcode.com" data-original-title="空前强大的在线编程训练系统即刻启程！">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/lintcode.png" alt="LintCode">
                            </div>
                            <div>
                                <div>
                                    <strong>LintCode</strong>
                                </div>
                                <p>空前强大的在线编程训练系统即刻启程！</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://juejin.cn" data-original-title="代码不止，掘金不停">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/juejin.png" alt="掘金">
                            </div>
                            <div>
                                <div>
                                    <strong>掘金</strong>
                                </div>
                                <p>代码不止，掘金不停</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://codecademy.dev" data-original-title="Learn to code for free">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/codecademy.png" alt="Codecademy">
                            </div>
                            <div>
                                <div>
                                    <strong>Codecademy</strong>
                                </div>
                                <p>Learn to code for free</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://stackoverflow.com" data-original-title="程序员的问答社区">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/stackoverflow.png" alt="Stack Overflow">
                            </div>
                            <div>
                                <div>
                                    <strong>Stack Overflow</strong>
                                </div>
                                <p>程序员的问答社区</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://codepen.io" data-original-title="创建、测试和发现前端代码的最佳地方">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/codepen.png" alt="CodePen">
                            </div>
                            <div>
                                <div>
                                    <strong>CodePen</strong>
                                </div>
                                <p>创建、测试和发现前端代码的最佳地方</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://egghead.io" data-original-title="面向Web开发人员的简短的指导性视频教程">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/egghead.png" alt="egghead">
                            </div>
                            <div>
                                <div>
                                    <strong>egghead</strong>
                                </div>
                                <p>面向Web开发人员的简短的指导性视频教程</p>
                            </div>
                        </div>
                    </a>
                    <a target="_blank" data-toggle="tooltip" data-placement="right" data-original-title="直达"><i class="iconfont icon-goto"></i></a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://scrimba.com" data-original-title="Learn to code with interactive tutorials">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/scrimba.png" alt="Scrimba">
                            </div>
                            <div>
                                <div>
                                    <strong>Scrimba</strong>
                                </div>
                                <p>Learn to code with interactive tutorials</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://segmentfault.com" data-original-title="国内领先的开发者技术社区">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/segmentfault.png" alt="SegmentFault思否">
                            </div>
                            <div>
                                <div>
                                    <strong>SegmentFault思否</strong>
                                </div>
                                <p>国内领先的开发者技术社区</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <div class="layui-row">
            <h1 class="text-gray text-lg mb-4">
                <i class="site-tag fas fa-language icon-lg mr-1" id="term-3"></i>
                外语学习
            </h1>
            <div class="flex-fill"></div>
        </div>
        <div class="layui-row">
            <div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.duolingo.com" data-original-title="学习外语，寓教于乐">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/duolingo.png" alt="多邻国">
                            </div>
                            <div>
                                <div>
                                    <strong>多邻国</strong>
                                </div>
                                <p>学习外语，寓教于乐</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="http://dict.eudic.net/ting" data-original-title="专为英语学习者定制的英语听力训练软件">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/ting-daily.png" alt="每日英语听力">
                            </div>
                            <div>
                                <div>
                                    <strong>每日英语听力</strong>
                                </div>
                                <p>专为英语学习者定制的英语听力训练软件</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://visuwords.com" data-original-title="在线导图式词典">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/visuwords-iconpng.png" alt="Visuwords">
                            </div>
                            <div>
                                <div>
                                    <strong>Visuwords</strong>
                                </div>
                                <p>在线导图式词典</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="http://www.baicizhan.com" data-original-title="让记单词成为一种乐趣">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/baicizhan.png" alt="百词斩">
                            </div>
                            <div>
                                <div>
                                    <strong>百词斩</strong>
                                </div>
                                <p>让记单词成为一种乐趣</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.riyuwang.com" data-original-title="全国最大的日语自学免费日语学习网站">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/riyuwang.png" alt="日语网">
                            </div>
                            <div>
                                <div>
                                    <strong>日语网</strong>
                                </div>
                                <p>全国最大的日语自学免费日语学习网站</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.eslbuzz.com" data-original-title="视频，图片和文字相结合的1000 多个免费英语课程">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/eslbuzz.png" alt="ESLBuzz">
                            </div>
                            <div>
                                <div>
                                    <strong>ESLBuzz</strong>
                                </div>
                                <p>视频，图片和文字相结合的1000 多个免费英语课程</p>
                            </div>
                        </div>
                    </a>
                    <a target="_blank" data-toggle="tooltip" data-placement="right" data-original-title="直达"><i class="iconfont icon-goto"></i></a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.maspeak.com" data-original-title="在线图文式背单词网站">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/maspeak.png" alt="Maspeak">
                            </div>
                            <div>
                                <div>
                                    <strong>Maspeak</strong>
                                </div>
                                <p>在线图文式背单词网站</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.memrise.com" data-original-title="学外语，走天下">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/memrise.png" alt="忆术家Memrise">
                            </div>
                            <div>
                                <div>
                                    <strong>忆术家Memrise</strong>
                                </div>
                                <p>学外语，走天下</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.tianfateng.cn" data-original-title="英语翻译学习及资源下载分享">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/tianfateng.png" alt="田间小站">
                            </div>
                            <div>
                                <div>
                                    <strong>田间小站</strong>
                                </div>
                                <p>英语翻译学习及资源下载分享</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="http://www.somdom.com" data-original-title="小语种爱好者的学习交流论坛">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/shengtong.png" alt="声同小语种">
                            </div>
                            <div>
                                <div>
                                    <strong>声同小语种</strong>
                                </div>
                                <p>小语种爱好者的学习交流论坛</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.yxgapp.com" data-original-title="知识无疆界">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/yxgapp.png" alt="译学馆">
                            </div>
                            <div>
                                <div>
                                    <strong>译学馆</strong>
                                </div>
                                <p>知识无疆界</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.hjenglish.com" data-original-title="沪江旗下英语学习资讯网站">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/hjenglish.png" alt="沪江英语">
                            </div>
                            <div>
                                <div>
                                    <strong>沪江英语</strong>
                                </div>
                                <p>沪江旗下英语学习资讯网站</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://lang-8.com" data-original-title="多国语言学习交流平台">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/lang-8.png" alt="Lang-8">
                            </div>
                            <div>
                                <div>
                                    <strong>Lang-8</strong>
                                </div>
                                <p>多国语言学习交流平台</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://ke.youdao.com" data-original-title="网易旗下在线英语学习教育平台">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/youdaoke.png" alt="有道精品课">
                            </div>
                            <div>
                                <div>
                                    <strong>有道精品课</strong>
                                </div>
                                <p>网易旗下在线英语学习教育平台</p>
                            </div>
                        </div>
                    </a>
                    <a target="_blank" data-toggle="tooltip" data-placement="right" data-original-title="直达"><i class="iconfont icon-goto"></i></a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://enseigner.tv5monde.com" data-original-title="在TV5Monde免费学习法语">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/tv5monde.png" alt="TV5Monde Eneseigner">
                            </div>
                            <div>
                                <div>
                                    <strong>TV5Monde Eneseigner</strong>
                                </div>
                                <p>在TV5Monde免费学习法语</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <div class="layui-row">
            <h1 class="text-gray text-lg mb-4">
                <i class="site-tag fas fa-book-reader icon-lg mr-1" id="term-6"></i>
                百科知识
            </h1>
            <div class="flex-fill"></div>
        </div>
        <div class="layui-row">
            <div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://zh.wikihow.com" data-original-title="有不懂的就上wikiHow万事通">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/02/wikihow.png" alt="wikiHow">
                            </div>
                            <div>
                                <div>
                                    <strong>wikiHow</strong>
                                </div>
                                <p>有不懂的就上wikiHow万事通</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="http://www.kepu.net.cn" data-original-title="从此爱上科学">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/02/kepubolan.png" alt="中国科普博览">
                            </div>
                            <div>
                                <div>
                                    <strong>中国科普博览</strong>
                                </div>
                                <p>从此爱上科学</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.zhihu.com" data-original-title="有问题，上知乎">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/zhihu.png" alt="知乎">
                            </div>
                            <div>
                                <div>
                                    <strong>知乎</strong>
                                </div>
                                <p>有问题，上知乎</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="http://www.kepuchina.cn" data-original-title="让科技知识在网上和生活中流行">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/kepuchina.png" alt="科普中国">
                            </div>
                            <div>
                                <div>
                                    <strong>科普中国</strong>
                                </div>
                                <p>让科技知识在网上和生活中流行</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.guokr.com" data-original-title="让科技兴趣成为人们文化生活和娱乐生活的重要元素">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/guoke.png" alt="果壳网">
                            </div>
                            <div>
                                <div>
                                    <strong>果壳网</strong>
                                </div>
                                <p>让科技兴趣成为人们文化生活和娱乐生活的重要元素</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.wukong.com" data-original-title="专注分享知识、经验、观念的问答社区">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/wukong.png" alt="悟空问答">
                            </div>
                            <div>
                                <div>
                                    <strong>悟空问答</strong>
                                </div>
                                <p>专注分享知识、经验、观念的问答社区</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="http://www.baike.com" data-original-title="来这里，认识世界！">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/toutiao.png" alt="头条百科">
                            </div>
                            <div>
                                <div>
                                    <strong>头条百科</strong>
                                </div>
                                <p>来这里，认识世界！</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://songshuhui.net" data-original-title="剥开科学的坚果">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/kexuesongshu.png" alt="科学松鼠会">
                            </div>
                            <div>
                                <div>
                                    <strong>科学松鼠会</strong>
                                </div>
                                <p>剥开科学的坚果</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://baike.baidu.com" data-original-title="全球最大中文百科全书">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/02/baidu-baike.png" alt="百度百科">
                            </div>
                            <div>
                                <div>
                                    <strong>百度百科</strong>
                                </div>
                                <p>全球最大中文百科全书</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <div class="layui-row">
            <h1 class="text-gray text-lg mb-4">
                <i class="site-tag fas fa-desktop icon-lg mr-1" id="term-5"></i>
                电脑办公
            </h1>
            <div class="flex-fill"></div>
        </div>
        <div class="layui-row">
            <div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://support.office.com/zh-cn" data-original-title="微软Office软件官方帮助和培训支持">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/02/office.png" alt="Office官方">
                            </div>
                            <div>
                                <div>
                                    <strong>Office官方</strong>
                                </div>
                                <p>微软Office软件官方帮助和培训支持</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.wps.cn/learning" data-original-title="WPS官方出品，免费的一站式Office技巧学习平台。">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/02/wps-learn.png" alt="WPS学院">
                            </div>
                            <div>
                                <div>
                                    <strong>WPS学院</strong>
                                </div>
                                <p>WPS官方出品，免费的一站式Office技巧学习平台。</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.bangongziyuan.com" data-original-title="海量办公文档，尽在办公资源">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/02/bangong.png" alt="办公资源网">
                            </div>
                            <div>
                                <div>
                                    <strong>办公资源网</strong>
                                </div>
                                <p>海量办公文档，尽在办公资源</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.ypppt.com" data-original-title="免费PPT模板下载网站">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/ypppt.png" alt="优品PPT">
                            </div>
                            <div>
                                <div>
                                    <strong>优品PPT</strong>
                                </div>
                                <p>免费PPT模板下载网站</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.qiuyeppt.com" data-original-title="国内Office领域领导品牌">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/qiuye-ppt.png" alt="秋叶PPT">
                            </div>
                            <div>
                                <div>
                                    <strong>秋叶PPT</strong>
                                </div>
                                <p>国内Office领域领导品牌</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="http://www.excelhome.net" data-original-title="全球极具影响力的Excel门户,Office视频教程培训中心">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/01/excel-home.png" alt="ExcelHome">
                            </div>
                            <div>
                                <div>
                                    <strong>ExcelHome</strong>
                                </div>
                                <p>全球极具影响力的Excel门户,Office视频教程培训中心</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="http://www.wordlm.com" data-original-title="国内专业的办公软件学习平台">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/02/wordlm.png" alt="Word联盟">
                            </div>
                            <div>
                                <div>
                                    <strong>Word联盟</strong>
                                </div>
                                <p>国内专业的办公软件学习平台</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="http://www.rapidbbs.cn" data-original-title="国内顶尖的PPT设计网站">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/02/ruipu.png" alt="锐普PPT论坛">
                            </div>
                            <div>
                                <div>
                                    <strong>锐普PPT论坛</strong>
                                </div>
                                <p>国内顶尖的PPT设计网站</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <div class="layui-row">
            <h1 class="text-gray text-lg mb-4">
                <i class="site-tag fab fa-artstation icon-lg mr-1" id="term-8"></i>
                音乐艺术
            </h1>
            <div class="flex-fill"></div>
        </div>
        <div class="layui-row">
            <div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.jitatang.com" data-original-title="吉他教程，吉他视频教学，吉他谱分享平台">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/02/guitar.png" alt="吉他堂">
                            </div>
                            <div>
                                <div>
                                    <strong>吉他堂</strong>
                                </div>
                                <p>吉他教程，吉他视频教学，吉他谱分享平台</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.lanqb.com" data-original-title="专业绘画艺术在线学习平台">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/02/bluepencil.png" alt="蓝铅笔">
                            </div>
                            <div>
                                <div>
                                    <strong>蓝铅笔</strong>
                                </div>
                                <p>专业绘画艺术在线学习平台</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.music2gather.com/hans" data-original-title="让音乐爱好者更容易学习和参与学创的乐趣。">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/02/music2gather.png" alt="音乐而聚">
                            </div>
                            <div>
                                <div>
                                    <strong>音乐而聚</strong>
                                </div>
                                <p>让音乐爱好者更容易学习和参与学创的乐趣。</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="http://www.archcollege.com" data-original-title="为建筑师而打造的高品质平台">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/03/archcollege.png" alt="建筑学院">
                            </div>
                            <div>
                                <div>
                                    <strong>建筑学院</strong>
                                </div>
                                <p>为建筑师而打造的高品质平台</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="http://www.daveconservatoire.org" data-original-title="The world's free music school">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/02/davemusic.png" alt="Dave Conservatoire">
                            </div>
                            <div>
                                <div>
                                    <strong>Dave Conservatoire</strong>
                                </div>
                                <p>The world's free music school</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.drawspace.com" data-original-title="Now everyone can draw">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/02/drawspace.png" alt="Drawspace">
                            </div>
                            <div>
                                <div>
                                    <strong>Drawspace</strong>
                                </div>
                                <p>Now everyone can draw</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.flowkey.com/zh" data-original-title="用你喜爱的乐曲学习钢琴演奏">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/02/flowkey.png" alt="Flowkey">
                            </div>
                            <div>
                                <div>
                                    <strong>Flowkey</strong>
                                </div>
                                <p>用你喜爱的乐曲学习钢琴演奏</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="http://www.tenholes.com" data-original-title="在这里学习蓝调口琴">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/02/tenblues.png" alt="蓝调口琴网">
                            </div>
                            <div>
                                <div>
                                    <strong>蓝调口琴网</strong>
                                </div>
                                <p>在这里学习蓝调口琴</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <div class="layui-row">
            <h1 class="text-gray text-lg mb-4">
                <i class="site-tag fas fa-microphone-alt icon-lg mr-1" id="term-11"></i>
                演讲座谈
            </h1>
            <div class="flex-fill"></div>
        </div>
        <div class="layui-row">
            <div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.ted.com" data-original-title="Ideas worth spreading">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/02/tedtalks.png" alt="TED">
                            </div>
                            <div>
                                <div>
                                    <strong>TED</strong>
                                </div>
                                <p>Ideas worth spreading</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://yixi.tv" data-original-title="人文 · 科技 · 白日梦">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/02/yixi.png" alt="一席">
                            </div>
                            <div>
                                <div>
                                    <strong>一席</strong>
                                </div>
                                <p>人文 · 科技 · 白日梦</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="http://tv.cctv.com/lm/bjjt" data-original-title="汇集百家学养，追慕大家风范">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/02/bjjt.png" alt="百家讲坛">
                            </div>
                            <div>
                                <div>
                                    <strong>百家讲坛</strong>
                                </div>
                                <p>汇集百家学养，追慕大家风范</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="http://www.yiketalks.com" data-original-title="全球智客新知分享平台">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/02/yiketalks.png" alt="一刻talks">
                            </div>
                            <div>
                                <div>
                                    <strong>一刻talks</strong>
                                </div>
                                <p>全球智客新知分享平台</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="http://www.self.org.cn" data-original-title="分享思想，启迪未来">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/02/self-top.png" alt="Self格致论道">
                            </div>
                            <div>
                                <div>
                                    <strong>Self格致论道</strong>
                                </div>
                                <p>分享思想，启迪未来</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="http://www.ccjt.tv" data-original-title="让社会更和谐，让生活更美好">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/02/ccjt.png" alt="CC讲坛">
                            </div>
                            <div>
                                <div>
                                    <strong>CC讲坛</strong>
                                </div>
                                <p>让社会更和谐，让生活更美好</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://events.geekpark.net/videos" data-original-title="发掘产品和趋势的价值">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/02/geekpark.png" alt="极客公园">
                            </div>
                            <div>
                                <div>
                                    <strong>极客公园</strong>
                                </div>
                                <p>发掘产品和趋势的价值</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <div class="layui-row">
            <h1 class="text-gray text-lg mb-4">
                <i class="site-tag fas fa-magic icon-lg mr-1" id="term-7"></i>
                设计剪辑
            </h1>
            <div class="flex-fill"></div>
        </div>
        <div class="layui-row">
            <div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.doyoudo.com" data-original-title="平面设计及剪辑软件在线教程网站">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/02/doyoudo-icon.png" alt="doyoudo">
                            </div>
                            <div>
                                <div>
                                    <strong>doyoudo</strong>
                                </div>
                                <p>平面设计及剪辑软件在线教程网站</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="http://oeasy.org" data-original-title="会玩才会学">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/02/oeasy.png" alt="Oeasy">
                            </div>
                            <div>
                                <div>
                                    <strong>Oeasy</strong>
                                </div>
                                <p>会玩才会学</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://tutsplus.com" data-original-title="高质量专业的设计类免费教程和教学网站">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/envato-tuts-logo.png" alt="Envato Tuts+">
                            </div>
                            <div>
                                <div>
                                    <strong>Envato Tuts+</strong>
                                </div>
                                <p>高质量专业的设计类免费教程和教学网站</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://abduzeedo.com" data-original-title="发现设计灵感与教程">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/02/abduzeedo.png" alt="abduzeedo">
                            </div>
                            <div>
                                <div>
                                    <strong>abduzeedo</strong>
                                </div>
                                <p>发现设计灵感与教程</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.uisdc.com" data-original-title="设计师交流学习平台">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/02/youshe.png" alt="优设网">
                            </div>
                            <div>
                                <div>
                                    <strong>优设网</strong>
                                </div>
                                <p>设计师交流学习平台</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://uiiiuiii.com" data-original-title="学教程找灵感就上优优">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/02/uiiuii.png" alt="优优教程网">
                            </div>
                            <div>
                                <div>
                                    <strong>优优教程网</strong>
                                </div>
                                <p>学教程找灵感就上优优</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.gogoup.com" data-original-title="站酷旗下艺术设计在线教育平台">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/gogoup.png" alt="站酷高高手">
                            </div>
                            <div>
                                <div>
                                    <strong>站酷高高手</strong>
                                </div>
                                <p>站酷旗下艺术设计在线教育平台</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <div class="layui-row">
            <h1 class="text-gray text-lg mb-4">
                <i class="site-tag fas fa-balance-scale icon-lg mr-1" id="term-10"></i>
                医学政经
            </h1>
            <div class="flex-fill"></div>
        </div>
        <div class="layui-row">
            <div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://bbs.pinggu.org" data-original-title="国内活跃的经济、管理、金融、统计在线教育和咨询网站">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/02/jg.png" alt="经管之家">
                            </div>
                            <div>
                                <div>
                                    <strong>经管之家</strong>
                                </div>
                                <p>国内活跃的经济、管理、金融、统计在线教育和咨询网站</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.mvyxws.com" data-original-title="中国医学科普微视频百科全书">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/02/medicalvideo.png" alt="医学微视">
                            </div>
                            <div>
                                <div>
                                    <strong>医学微视</strong>
                                </div>
                                <p>中国医学科普微视频百科全书</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.xuexi.cn" data-original-title="梦想从学习开始，事业从实践起步">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/02/xuexicn.png" alt="学习强国">
                            </div>
                            <div>
                                <div>
                                    <strong>学习强国</strong>
                                </div>
                                <p>梦想从学习开始，事业从实践起步</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="http://www.dxy.cn" data-original-title="中国医疗领域的连接者">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/02/dxy.png" alt="丁香园">
                            </div>
                            <div>
                                <div>
                                    <strong>丁香园</strong>
                                </div>
                                <p>中国医疗领域的连接者</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.msdmanuals.com/zh" data-original-title="自1899年备受信任的医学信息提供者">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/02/moshadong.png" alt="默沙东诊疗手册">
                            </div>
                            <div>
                                <div>
                                    <strong>默沙东诊疗手册</strong>
                                </div>
                                <p>自1899年备受信任的医学信息提供者</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <div class="layui-row">
            <h1 class="text-gray text-lg mb-4">
                <i class="site-tag fas fa-tree icon-lg mr-1" id="term-9"></i>
                文史哲理
            </h1>
            <div class="flex-fill"></div>
        </div>
        <div class="layui-row">
            <div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.allhistory.com" data-original-title="以AI知识图谱为核心引擎，通过高度时空化、关联化数据的方式构造及展现数字人文内容，尤其是历史知识。">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/02/allhistory.png" alt="全历史">
                            </div>
                            <div>
                                <div>
                                    <strong>全历史</strong>
                                </div>
                                <p>以AI知识图谱为核心引擎，通过高度时空化、关联化数据的方式构造及展现数字人文内容，尤其是历史知识。</p>
                            </div>
                        </div>
                    </a>
                    <a target="_blank" data-toggle="tooltip" data-placement="right" data-original-title="直达"><i class="iconfont icon-goto"></i></a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.dpm.org.cn" data-original-title="故宫博物院官网">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/gugong.png" alt="故宫博物院">
                            </div>
                            <div>
                                <div>
                                    <strong>故宫博物院</strong>
                                </div>
                                <p>故宫博物院官网</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="http://www.dili360.com" data-original-title="权威地理资讯百科网站">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/02/dili360.png" alt="中国国家地理网">
                            </div>
                            <div>
                                <div>
                                    <strong>中国国家地理网</strong>
                                </div>
                                <p>权威地理资讯百科网站</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://philosophy.hku.hk/think/chi" data-original-title="提升思考，輕鬆自學">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/02/think.png" alt="思方網">
                            </div>
                            <div>
                                <div>
                                    <strong>思方網</strong>
                                </div>
                                <p>提升思考，輕鬆自學</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.onthisday.com" data-original-title="历史上的今天">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/on-this-day-icon.png" alt="On This Day">
                            </div>
                            <div>
                                <div>
                                    <strong>On This Day</strong>
                                </div>
                                <p>历史上的今天</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.aisixiang.com" data-original-title="众多学院学者的专栏和文章。">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/aisixiang-logo.png" alt="爱思想">
                            </div>
                            <div>
                                <div>
                                    <strong>爱思想</strong>
                                </div>
                                <p>众多学院学者的专栏和文章。</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <div class="layui-row">
            <h1 class="text-gray text-lg mb-4">
                <i class="site-tag fas fa-book icon-lg mr-1" id="term-46"></i>
                电子书籍
            </h1>
            <div class="flex-fill"></div>
        </div>
        <div class="layui-row">
            <div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://ebook.hep.com.cn/ebooks/index.html#" data-original-title="高等教育出版社的部分电子教材">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/高等教育出版社logo.png" alt="高教书苑">
                            </div>
                            <div>
                                <div>
                                    <strong>高教书苑</strong>
                                </div>
                                <p>高等教育出版社的部分电子教材</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.yuedu.pro" data-original-title="找书就用阅读链">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/yuedulian-logo-02.png" alt="阅读链">
                            </div>
                            <div>
                                <div>
                                    <strong>阅读链</strong>
                                </div>
                                <p>找书就用阅读链</p>
                            </div>
                        </div>
                    </a>
                    <a targxet="_blank" data-toggle="tooltip" data-placement="right" data-original-title="直达"><i class="iconfont icon-goto"></i></a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://new.shuge.org" data-original-title="有品格的在线古籍图书馆">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/shuge-logo.png" alt="書格">
                            </div>
                            <div>
                                <div>
                                    <strong>書格</strong>
                                </div>
                                <p>有品格的在线古籍图书馆</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://ebook2.lorefree.com" data-original-title="去中心化免费电子书共享社区">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/lorefree-logo.png" alt="LoreFree">
                            </div>
                            <div>
                                <div>
                                    <strong>LoreFree</strong>
                                </div>
                                <p>去中心化免费电子书共享社区</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://weread.qq.com" data-original-title="微信读书网页版">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/weread-logo.png" alt="微信读书">
                            </div>
                            <div>
                                <div>
                                    <strong>微信读书</strong>
                                </div>
                                <p>微信读书网页版</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="http://www.gutenberg.org" data-original-title="古登堡计划是一个包含6000+的免费电子图书库">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/project-gutenberg.png" alt="Project Gutenberg">
                            </div>
                            <div>
                                <div>
                                    <strong>Project Gutenberg</strong>
                                </div>
                                <p>古登堡计划是一个包含6000+的免费电子图书库</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.gitbook.com" data-original-title="Where software teams break knowledge silos">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/gitbook-logo.png" alt="GitBook">
                            </div>
                            <div>
                                <div>
                                    <strong>GitBook</strong>
                                </div>
                                <p>Where software teams break knowledge silos</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <div class="layui-row">
            <h1 class="text-gray text-lg mb-4">
                <i class="site-tag fas fa-infinity icon-lg mr-1" id="term-12"></i>
                数理化生
            </h1>
            <div class="flex-fill"></div>
        </div>
        <div class="layui-row">
            <div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://mathpretty.com" data-original-title="换种姿势学数学">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/03/mathpretty.png" alt="文艺数学君">
                            </div>
                            <div>
                                <div>
                                    <strong>文艺数学君</strong>
                                </div>
                                <p>换种姿势学数学</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.geogebra.org" data-original-title="免费在线数学工具: 绘图, 几何, 3D及更多内容">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/03/geogebra.png" alt="GeoGebra">
                            </div>
                            <div>
                                <div>
                                    <strong>GeoGebra</strong>
                                </div>
                                <p>免费在线数学工具: 绘图, 几何, 3D及更多内容</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://brilliant.org" data-original-title="Learn to think">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/03/brilliant-icon.png" alt="Brilliant">
                            </div>
                            <div>
                                <div>
                                    <strong>Brilliant</strong>
                                </div>
                                <p>Learn to think</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.bioon.com" data-original-title="生物医药新媒体门户">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/bioon-icon.png" alt="生物谷">
                            </div>
                            <div>
                                <div>
                                    <strong>生物谷</strong>
                                </div>
                                <p>生物医药新媒体门户</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div><div class="  layui-col-sm6 layui-col-md3">
                <div class="layui-card layui-card-body">
                    <a target="_blank" href="https://www.wolframalpha.com" data-original-title="在线自动问答系统和计算知识引擎。">
                        <div class="">
                            <div>
                                <img class="unfancybox" src="https://www.xue8nav.com/wp-content/uploads/2020/03/wolframalpha.png" alt="Wolfram|Alpha">
                            </div>
                            <div>
                                <div>
                                    <strong>Wolfram|Alpha</strong>
                                </div>
                                <p>在线自动问答系统和计算知识引擎。</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>